<script lang="ts" setup>
import CourseCard from './CourseCard.vue'
import DescriptionCard from './DescriptionCard.vue'
import StudentTable from './StudentTable.vue'
import { useClassDescription } from '@/composables/useClassDescription'

const { classDescription, classInfo } = useClassDescription()
</script>

<template>
  <div>
    <DescriptionCard :classDesc="classDescription" />
    <div class="grid lg:grid-cols-2 gap-xs my-xs items-start">
      <StudentTable />
      <CourseCard :courseID="classInfo?.courseID ?? 0" />
    </div>
  </div>
</template>
